﻿@{
    Layout = "~/Views/Shared/_Layout_Content.cshtml";
}
<link rel="stylesheet" type="text/css" href="~/css/homepage.css">
<script type="text/javascript" src="~/js/echarts.min.js"></script>
<script type="text/javascript" src="~/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="~/js/homepage.js"></script>
<div id="div_body" class="div_body">
    <div class="div_all">
        <div class="div_heng"></div>
        <div class="div_shualian">刷脸统计</div>
        <div>
            <div class="div_count_title_one">现场总人数</div>
            <div class="div_count_title_two">已授权人数</div>
            <div class="div_count_title_three">临时访客数</div>
            <div class="div_count_title_four">施工单位</div>
        </div>

        <div class="div_count">
            <div class="div_count_one">
                <ul>
                    <li id="li_count_one_1"></li>
                    <li id="li_count_one_2"></li>
                    <li id="li_count_one_3"></li>
                    <li id="li_count_one_4"></li>
                    <li id="li_count_one_5"></li>
                </ul>
                <div class="div_ci">次</div>
            </div>
            <div class="div_count_two">
                <ul>
                    <li id="li_count_two_1"></li>
                    <li id="li_count_two_2"></li>
                    <li id="li_count_two_3"></li>
                    <li id="li_count_two_4"></li>
                    <li id="li_count_two_5"></li>
                </ul>
                <div class="div_ci">次</div>
            </div>
            <div class="div_count_three">
                <ul>
                    <li id="li_count_three_1"></li>
                    <li id="li_count_three_2"></li>
                    <li id="li_count_three_3"></li>
                    <li id="li_count_three_4"></li>
                    <li id="li_count_three_5"></li>
                </ul>
                <div class="div_ci">次</div>
            </div>
            <div class="div_count_four">
                <ul>
                    <li id="li_count_four_1"></li>
                    <li id="li_count_four_2"></li>
                    <li id="li_count_four_3"></li>
                    <li id="li_count_four_4"></li>
                    <li id="li_count_four_5"></li>
                </ul>
                <div class="div_ci">个</div>
            </div>
        </div>

        <div class="div_echart_top"></div>
        <div class="div_echart_title_shebei">设备统计</div>
        <div class="div_echart_tile">
            <div class="div_echart_tile_one">设备统计</div>
            <div class="div_echart_tile_two">今日签到统计</div>
            <div class="div_echart_tile_three">昨日考勤情况</div>
        </div>

        <div class="div_echart">
            <div id="div_echart_one" class="div_echart_one"></div>
            <div id="div_echart_tool" class="div_echart_tool">
                <div id="div_echart_tool_list" class="div_echart_tool_list">
                    <table>
                        <tr height="41px">
                            <td width="50%">入厂设备</td>
                            <td>出厂设备</td>
                        </tr>
                        <tr height="41px">
                            <td><span style="color:#19b191;">●&nbsp;</span><span id="td_in_online"></span></td>
                            <td><span style="color:#19b191;">●&nbsp;</span><span id="td_out_online"></span></td>
                        </tr>
                        <tr height="41px">
                            <td><span style="color:#999999;">●&nbsp;</span><span id="td_in_offline"></span></td>
                            <td><span style="color:#999999;">●&nbsp;</span><span id="td_out_offline"></span></td>
                        </tr>

                    </table>
                </div>
            </div>
            <div id="div_echart_two" class="div_echart_two"></div>
            <div id="div_echart_two_list" class="div_echart_two_list">
                <div><span style="color:#18334e;">●&nbsp;</span>员工<span id="span_two_yuangong"></span>人</div>
                <div><span style="color:#f6ab00;">●&nbsp;</span>访客<span id="span_two_fangke"></span>人</div>
                <div><span style="color:#d90051;">●&nbsp;</span>陌生人<span id="span_two_moshengren"></span>人</div>
            </div>
            <div id="div_echart_three" class="div_echart_three"></div>
            <div id="div_echart_three_list" class="div_echart_three_list">
                <div><span style="color:#18334e;">●&nbsp;</span>员工<span id="span_three_yuangong"></span>人</div>
                <div><span style="color:#f6ab00;">●&nbsp;</span>访客<span id="span_three_fangke"></span>人</div>
                <div><span style="color:#d90051;">●&nbsp;</span>陌生人<span id="span_three_moshengren"></span>人</div>
            </div>
        </div>
        <div class="div_list_top"></div>
        <div class="div_list_tool">施工单位各岗到岗人数</div>
        <div class="div_list">
            <div id="div_list_table" class="div_list_table">

            </div>
        </div>
    </div>
</div>


